<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <style type="text/css">
        body {
            background: #f4f4f4;
            font-size: 14px;

        }
        .aui-slide-page-active{
            background: #ed9b9b;
        }
        nav{
            overflow: hidden;
        }
        .icon{
            margin: 0;
            padding-bottom: 0 !important;
        }
        .icon li{
            width: 20%;
            float: left;
            font-size: 12px;
            position: relative;
            padding-bottom: 5px !important;
        }
        .aui-list-view.aui-grid-view .aui-list-view-cell:after{
            border-bottom: 1px solid #c8c7cc;
        }
        .aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body{
            font-size: 12px;
        }
        .aui-list-view .aui-img{
            overflow: inherit;
        }
        .aui-list-view-cell:after{
            right: -125% !important;
        }
        .toutiao{
            font-weight: bold;
            font-size: 18px;
        }
        .toutiao:after{
            border: none;
        }
        .toutiao .active{
            display: block;
            padding-right: 10px;
            float: left;
            margin-right: 10px;
        }
        .title{
            width: 100%;
            text-align: center;
            font-weight: bold;
            position: relative;
            color: #ff3333;
            line-height: 25px;
        }
        .title span{
            position: relative;
            display: inline-block;
            padding: 0 10px;
        }
        .title span:before,
        .title span:after{
            position: absolute;
            content: '';
            width: 100%;
            height: 2px;
            top: 50%;
            transform: translateY(-50%);
        }
        .title span:before{
            right: -100%;
            background: linear-gradient(to right,#fc8989 ,transparent);
        }
        .title span:after{
            left: -100%;
            background: linear-gradient(to left,#fc8989 ,transparent);
        }
        .classList{
            overflow: hidden;
            margin-bottom: 8px;
        }
        .proList{
            overflow: hidden;
            margin-bottom: -1px;
        }
        .proList img{
            width: 33.333%;
            float: left;
            box-shadow: 0px 0px 0px 1px #d9d9d9;
        }
        .adv img{
            width: 100%;
        }
    </style>
</head>
<body>
<header>
    <div class="slide">
        <div id="aui-slide">
            <div class="aui-slide-wrap" >
                <div class="aui-slide-node ">
                    <img src="../image/tese.jpg" />
                </div>
                <div class="aui-slide-node ">
                    <img src="../image/tese.jpg" />
                </div>
                <div class="aui-slide-node ">
                    <img src="../image/tese.jpg" />
                </div>
            </div>
            <div class="aui-slide-page-wrap"><!--分页容器--></div>
        </div>
    </div>
    <div tapmode onclick="openToTwo('my/orderManage')">
        <img style="width: 100%" class="aui-img-object" src="../image/ceshi.jpg">
    </div>
    <nav>
        <ul class="icon aui-list-view aui-grid-view">
            <li class="aui-list-view-cell aui-img w20 " tapmode onclick="openToTwo('newArea_win')">
                <img class="aui-img-object" src="../image/new.png">

                <div class="aui-img-body">
                    新品特区
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="openToTwo('news_win')">
                <img class="aui-img-object" src="../image/news.png">

                <div class="aui-img-body">
                    建材资讯
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="openToTwo('searchInfo_win')">
                <img class="aui-img-object" src="../image/cang.png">

                <div class="aui-img-body">
                    集约仓
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/deng.png">

                <div class="aui-img-body">
                    灯饰
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/diban.png">

                <div class="aui-img-body">
                    地板
                </div>
            </li>

            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/tuliao.png">

                <div class="aui-img-body">
                    涂料
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/taoci.png">

                <div class="aui-img-body">
                    陶瓷
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/wujin.png">

                <div class="aui-img-body">
                    五金
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/menchuang.png">

                <div class="aui-img-body">
                    门窗
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/weiyu.png">

                <div class="aui-img-body">
                    卫浴
                </div>
            </li>
        </ul>
        <ul class="aui-list-view toutiao">
            <li class="aui-list-view-cell">
                <span class="active  aui-border-r">建材头条</span><span tapmode onclick="openToTwo('my/ComRenzheng_frm')">公司验证</span>
            </li>
        </ul>
    </nav>
</header>

<div class=" contain">
    <!--特价区-->
    <div class="tejia classList">
        <div class="title "><span>特价区</span></div>
        <div class="proList">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/zhaoming.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
        </div>
    </div>
    <!--热销-->
    <div class="rexiao classList">
        <div class="title "><span>热销区</span></div>
        <div class="proList">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
        </div>
    </div>
    <!--广告去-->
    <div class="adv">
        <img src="../image/adv.png" alt="">
    </div>
    <!--定制区-->
    <div class="rexiao classList">
        <div class="title "><span>定制区</span></div>
        <div class="proList">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo_win')" src="../image/shangye.png" alt="">
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/myInfo.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/echo.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();

    }
    slide();
    ///切换左侧分类的样式

    //$(document).on("click",".contain-left li",function(){
    function changeCategory(obj) {
        $(".contain-left li").removeClass("active").addClass("aui-border-l").addClass("aui-border-r");
        $(obj).addClass("active").removeClass("aui-border-l").removeClass("aui-border-r");
        if ($(obj).index() == 0) {
            $(".tuijian").css({"display": "block"});
            $(".other").css({"display": "none"});
        } else {
            $(".tuijian").css({"display": "none"});
            $(".other").css({"display": "block"});
        }
    }
    function slide(){
        var slide3 = new auiSlide({
            container:document.getElementById("aui-slide"),
            // "width":300,
            "height":240,
            "speed":500,
            "autoPlay": 3000, //自动播放
            "loop":true,
            "pageShow":true,
            "pageStyle":'dot',
            'dotPosition':'center'
        })
    }
    //单击nav链接到searchInfo页面时候传参数
    function toSearch(obj){
        var searchValue=$(obj).find(".aui-img-body").text();
        api.openWin({
            name:"searchInfo",
            url:"searchInfo_win.html",
            pageParam:{
                searchValue:searchValue
            }
        })
    }


    function funcGotoBakHome(index) {
        getStorageAll();
        if (user_id) {
            api.execScript({
                name: 'root',
                script: 'randomSwitchBtnBakHome(' + index + ')'
            });
        } else {
            openTo('login_win');
        }
    }
    //提示信息
    function message() {
        api.toast({
            msg: '暂不支持',
            duration: 2000,
            location: 'middle'
        });
    }








</script>
</html>